@charset "UTF-8";
@import "custom";
.menurow{
  line-height:33px;
  cursor:pointer;
  padding-left:10px;
  padding-right:10px;
  color: #edf0ff;

  &:hover{
    background-color: $leftmenu-hover-color;
    color: white;
  }
  i{
    color: #eef3f5;
  }
}

.menurow.active{
  background-color: $leftmenu-active-color;
  color: #434e5f;
  border-left:2px solid #e50000;
}

.menurow.subrow{
  &:hover{
    background-color: rgb(117, 161, 203);
    color: white;
  }
}
.menurow-title{
  padding-left:15px;
}

.menurow-title2{
  padding-left:30px;
}

%menu{
  width:100%;
  display:block;
  font-size:14px;
  padding:5px;
  color:white;

  line-height:25px;
  cursor:pointer;
  &:hover{
    background-color: rgb(70,120,230);
    color: white;
  }

}

.menu{
  ul{
    padding-left:10px;
  }
  li{
    list-style-type:none;

  }
  a{
    text-decoration: none;
    :hover{
      background-color: #94e2e5;
      color:red;
    }
  }
}
.menu-item{
  @extend %menu;
}

.menu-item.active{
  background-color: $leftmenu-active-color;
  color: #1a1a3b;
}

.menu-sub{
  @extend %menu;
  padding-left:15px;
}

.menu-sub.active{
  background-color: $leftmenu-active-color;
  color: #1a1a3b;
}
.menu-sub2{
  @extend %menu;
  padding-left:25px;
}

.menu-sub2.active{
  background-color: #3f5e92;
  color: white;
}